<extend name="Space/common" />
<block name="content">
	<section class="container relative clearfix user-con">
        <div class="row">
        	<div class="col-sm-4">
		    	<include file="Space/sidebar"/>       
            </div>
            <div class="col-sm-8">           	            	
            	<div class="blog-post m-t-mx">
            		<div class="m-t-lg m-b-lg ">                  	
	                  	<h4 class="m-b">
	                  		<a class="btn btn-rounded btn-sm btn-icon btn-default " href="#"><i class="fa fa-music i-md text-danger"></i></a>
	                  		<i class="icon-music-tone-alt icon text-info"></i>
	                  		最新分享
	                  		<a class="btn btn-sm btn-danger pull-right" href="<{:U('Home/share?uid='.$user['uid'])}>">
						       <i class="fa fa-plus text"></i>
						       <span class="text">全部</span>
						   </a> 
						</h4>
						<if condition="$user['songs'] gt 0 ">
						<div class="bg-info dker animated fadeInDownBig">				
							<div id="jp_container_N">			                    
			                    <div class="jp-type-playlist">
			                      	<div class="jp-jplayer hide" id="jplayer_N" style="width: 480px; height: 270px;"></div>
			                      	<div class="jp-gui">
				                        <div class="jp-interface">
				                          <div class="jp-controls">
				                            <div><a class="jp-previous"><i class="fa fa-backward i-lg"></i></a></div>
				                            <div>
				                              <a class="jp-play" style="display: inline-block;"><i class="fa fa-play i-2x"></i></a>
				                              <a class="jp-pause hid" style="display: none;"><i class="fa fa-pause i-2x"></i></a>
				                            </div>
				                            <div><a class="jp-next"><i class="fa fa-forward i-lg"></i></a></div>
				                            <div class="jp-progress hidden-xs">
				                              <div class="jp-seek-bar dk" style="width: 0%;">
				                                <div class="jp-play-bar bg-info" style="width: 0%;">
				                                </div>
				                                <div class="jp-title text-lt" style="display: none;"></div>
				                              </div>
				                            </div>
				                            <div class="hidden-xs hidden-sm jp-current-time text-xs text-muted">00:00</div>
				                            <div class="hidden-xs hidden-sm jp-duration text-xs text-muted">00:00</div>
				                            <div class="hidden-xs hidden-sm">
				                              <a title="mute" class="jp-mute"><i class="fa fa-volume-up"></i></a>
				                              <a title="unmute" class="jp-unmute hid" style="display: none;"><i class="fa fa-volume-off"></i></a>
				                            </div>
				                            <div class="hidden-xs hidden-sm jp-volume">
				                              <div class="jp-volume-bar dk">
				                                <div class="jp-volume-bar-value lter" style="width: 80%;"></div>
				                              </div>
				                            </div>
				                            <div>
				                              <a title="单曲重复" class="jp-repeat"><i class="fa fa-retweet text-muted"></i></a>
				                              <a title="关闭重复" class="jp-repeat-off hid" style="display: none;"><i class="fa fa-retweet text-lt"></i></a>
				                            </div>
				                            <div class="hide">
				                              <a title="full screen" class="jp-full-screen"><i class="fa fa-expand"></i></a>
				                              <a title="restore screen" class="jp-restore-screen" style="display: none;"><i class="fa fa-compress text-lt"></i></a>
				                            </div>
				                          </div>
				                        </div>
			                    	</div>
									<div class="jp-no-solution" style="display: none;">
										<span>需要更新</span>
										要发挥媒体你需要安装最新版本的浏览器或更新您的
										<a target="_blank" href="http://get.adobe.com/flashplayer/">Flash插件</a>
										.
									</div>
			                    </div>
			                </div>
						</div>
						</if>         			                                 
		                <ul class="list-group list-group-lg no-radius no-border no-bg m-t-n-xxs m-b-none auto">
			                 <JY:songs result="v" up_uid="$user['uid']" cache="false" limit="16"> 
			                 <li class="list-group-item">
			                 	<div class="pull-right m-l">
			                    	<a class="m-r-sm music-action-btn" data-id="<{$v['id']}>" data-action="like"  href="#"><i class="fa fa-heart text-danger-lter lt i-md"></i></a>
			                    	<a class="m-r-sm  music-action-btn" data-id="<{$v['id']}>" data-action="recommend"  href="#"><i class="fa fa-thumbs-up text-danger-lter i-md"></i></a>
			                 	</div>
			                    <a class="jp-play-me m-r-sm pull-left" href="#" data-id="<{$v.id}>">			                     	
			                    	<i class="fa fa-play-circle-o i-md text"></i>
			                    	<i class="fa fa-pause i-md text-active"></i>
			                    </a>
			                 	<a class="clear text-ellipsis play_name" target="_play" href="<{:U('/Music/detail?id='.$v['id'])}>" ><{$v.name}></a>
			                 </li>
			                 </JY:songs> 
		                </ul> 
		                           	
                  	</div>
                 	<!--div class="m-t-lg m-b-lg">
                 		<h4 class="m-b">
                 			<a class="btn btn-rounded btn-sm btn-icon btn-default " href="#"><i class="fa fa-dot-circle-o i-md text-danger"></i></a>
                 			我的专辑(<{$user.albums}>) 
                 			<a class="btn btn-sm btn-danger pull-right" href="<{:U('Index/Album?id='.$user['uid'])}>">
					    		<i class="fa fa-plus text"></i>
					    		<span class="text">全部</span>
					    	</a> 
					    </h4>
	                  	<div class="row row-sm">
	                  		<JY:album id="v" add_uid="$user['uid']" limit="4">
		                	<div class="col-xs-6 col-sm-3">
		                    	<div class="item">
		                            <div class="pos-rlt">
		                            	<div class="item-overlay opacity r r-2x bg-black">
			                            	<div class="center text-center m-t-n">
			                                  <a href="#"><i class="fa fa-chain i-2x"></i></a>
			                                </div>
		                            	</div>
		                            	<a href="#"><img class="r r-2x img-full user-album" alt="" src="<{$v|getCover}>"></a>
		                            </div>
		                            <div class="padder-v">
		                            	<a class="text-ellipsis" href="#"><{$v.name}></a>
		                            	<span class="fw_medium"><i class="fa fa-clock-o"></i> <{$v.add_time|time_format='Y-m-d'}></span></p>
		                            </div>
		                    	</div>
		                	</div>
							</JY:album>
		             	</div>
		            </div-->
		            
            	</div> 
            </div>
        </div>
	</section>
</block>
<block name="script">
  <script type="text/javascript" src="__STATIC__/player/jquery.jplayer.min.js"></script>
  <script type="text/javascript" src="__STATIC__/player/jy_play.js"></script>
  <script type="">
  	$(function () {
  		$('.jp-play').one("click", function(){
				$('.list-group .jp-play-me:first').click();
		});
  		$('#index').addClass('active');
  	})
  	
  </script>
</block>
